<template>
  <div>
    <h3>组件展示</h3>
    <!-- HmHeader   hm-header -->
    <HmHeader></HmHeader>
    <hm-content></hm-content>
    <!-- 也支持单标签使用 注意标签闭合 -->
    <HmFooter/>
    <!-- <HF/> -->
    <HmButton/>
  </div>
</template>

<script>
// 推荐都使用大驼峰命名
import HmHeader from './components/HmHeader.vue'
import HmContent from './components/HmContent.vue'
// import HmFooter from './components/HmFooter.vue'
export default {
  components: {
    // 组件名: 组件
    // 不能跟html标签重名
    HmHeader,
    HmContent,
    // HmFooter
  }
}
</script>

<style>

</style>